<template>
	<view>
		<view class="head">
			<view class="person">
				<image :src="touxiang" class="image"></image>
				<text class="name">{{username}}</text>
				<image src="../../static/set.png" class="setting" @tap="setting"></image>
			</view>
			<view class="msg">
				<image src="../../static/notice.png"></image>
				<text>你有一个订单超时未处理，快去处理</text>
			</view>
		    <view class="detail">
				<view class="item">
					<text class="num">12</text>
					<text class="des">新订单</text>
				</view>
				<view class="item">
					<text class="num">0</text>
					<text class="des">退单</text>
				</view>
				<view class="item">
					<text class="num">6</text>
					<text class="des">超时未发货</text>
				</view>
				<view class="item">
					<text class="num">2</text>
					<text class="des">骑手异常</text>
				</view>
				<view class="item">
					<text class="num">13</text>
					<text class="des">库存不足</text>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="items" @tap="tomywallet">
				<image src="../../static/icon/icon1.png"></image>
				<text class="text1">我的钱包</text>
				 <text class="right1">></text> 
			</view>
			<view class="items" @tap="count">
				<image src="../../static/icon/icon2.png"></image>
				<text class="text1">账户设置</text>
				 <text class="right1">></text> 
			</view>
			<view class="items" @tap="toSet">
				<image src="../../static/icon/icon3.png"></image>
				<text class="text1">打印设置</text>
				 <text class="right1">></text> 
			</view>
			<view class="items" @tap="toUpdatePwd">
				<image src="../../static/icon/icon4.png"></image>
				<text class="text1">修改密码</text>
				<text class="right1">></text> 
			</view>
			<view class="items" @tap="authorization">
				<image src="../../static/icon/icon5.png"></image>
				<text class="text1">授权商家管理</text>
				<text class="right1">></text> 
			</view>
			<view class="items" @click="skip">
				<image src="../../static/icon/icon6.png"></image>
				<text class="text1">商家端</text>
			    <text class="right1">></text> 
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				username:'张三三',
				touxiang:require("../../static/left.png")
			}
		},
		onLoad() {

		},
		methods: {
		  skip(){
		  	//  wx.navigateToMiniProgram({
		  	//       appId: 'wx155c3cb48b7d9bc0',  // 需要跳转到指定的小程序appid
		  	//       path: 'pages/index/index',      // 打开的页面
		  	//       envVersion: 'develop',
		  	//       success(res) {
		  	//         // 打开成功
		  	//         console.log(res);
		  	//       }
		  	//     })
			wx.exitMiniProgram()
		  	// wx.navigateBackMiniProgram({
		  	//   extraData: {
		  	//   foo: 'bar'
		  	// },
		  	// success(res) {
		  	//   // 返回成功
			  // console.log(res);
		  	// }
		  	// })
		  },
		  tomywallet(){
			  uni.navigateTo({
			  	url:"../mywallet/mywallet"
			  })
		  },
          toUpdatePwd(){
			  uni.navigateTo({
			  	url:"../updatepwd/updatepwd"
			  })
		  },
		  toSet(){
			  uni.navigateTo({
			  	url:"../set/set"
			  })
		  },
		  count(){
			  uni.navigateTo({
			  	url:"../setcount/setcount"
			  })
		  },
		  //授权商家管理
		  authorization(){
			  uni.navigateTo({
			  	url:"../shouquan/shouquan"
			  })
		  },
		  setting(){
			  uni.navigateTo({
			  	url:"../setting/setting"
			  })
		  }
		}
	}
</script>
<style>
	.head {
		width: 750rpx;
		height: 460rpx;
		background: linear-gradient(145deg, #FDB849 0%, #FEA834 100%);
		display: flex;
		flex-direction: column;
	}
	.person {
		display: flex;
		flex-direction: row;
		margin-left: 30rpx;
		margin-top: 108rpx;
	}
	.image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
	}
	.name {
		margin-left: 30rpx;
		margin-top: 34rpx;
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		color: #1A1A1A;
		font-weight: 400;
	}
	.setting {
		width: 40rpx;
		height: 36rpx;
		margin-left: 424rpx;
		margin-top: 32rpx;
	}
	.msg {
		width: 690rpx;
		height: 60rpx;
		background: #FFFFFF;
		opacity: 0.2;
		border-radius: 10rpx;
		margin: 30rpx auto;
		display: flex;
		flex-direction: row;
	}
	.msg image {
		width: 28rpx;
		height: 24rpx;
		margin: 18rpx 20rpx;
	}
	.msg text {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
		line-height: 60rpx;
		text-align: center;
	}
	.detail {
		display: flex;
		flex-direction: row;
		margin: 10rpx 30rpx;
		justify-content: space-between;
		font-family: Alibaba PuHuiTi;
		color: #1A1A1A;
	}
	.item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.num {
		font-size: 40rpx;
		font-weight: 500;
	}
	.des {
		font-size: 24rpx;
		font-weight: 400;
		line-height: 60rpx;
	}
	.content {
		width: 750rpx;
		height: 776rpx;
	 	background: #F5F5F5; 
		display: flex;
		flex-direction: column;
	}
	.items {
		display: flex;
		flex-direction: row;
	    width: 750rpx; 
	}
	.items image {
		width: 26rpx;
		height: 26rpx;
		margin-left: 30rpx;
		margin-top: 60rpx; 
	}
    .text1{
		 margin-left: 20rpx; 
		font-size: 28rpx;
		margin-top: 56rpx; 
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.right1 {
		margin-right: 30rpx;
		margin-top: 60rpx;
		margin-left: auto;
	}
</style>
